<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>bind</title>
</head>
<body>
<div id="app">
  <div style="font-size:10px;" :style="'font-size:50px;'">111</div>
  <div style="font-size:30px;" :style="{backgroundColor:'red',color:'pink'}">222</div>
  <div style="font-size:30px;" :style="[sty1,sty2,{fontSize:'100px'}]">333</div>
</div>

</body>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
  // class="a b c" style="backgroud:'color'"
  //一种是对象，一种是数组
  let vm = new Vue({
    el: '#app',
    data: {
      flag:true,
      sty1:{backgroundColor:'red'},
      sty2:{color:'pink'}

    }
  })
</script>
</html>
